<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/header::commonlinks(~{::title},~{::link})">
    <meta charset="UTF-8">
    <meta name="referrer" content="never">
    <title>博客页</title>
    <link rel="stylesheet" th:href="@{/unauthorize/index.css}">
<!--    <link rel="stylesheet" th:href="@{/plugins/pagination/pagination.css}">-->
</head>
<body class="hold-transition sidebar-collapse layout-top-nav layout-navbar-fixed layout-fixed">
<div class="wrapper">

    <!-- Navbar -->
    <div th:include="~{common/header::topnavbar-md}"></div>

    <!-- /.navbar -->

    <!-- Main Sidebar Container -->


    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">

        <!-- Main content -->
        <div class="content">
            <canvas id="c" width="1536"></canvas>
            <div class="container hold-transition register-page">
                <!-- 主页顶部 --- 轮播图 -->
                <div class="carousel row mt-3 ml-1 ">
                    <!-- 轮播图 -->
                    <div class="carousel-left col-md-5">
                        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <a href="https://blog.csdn.net/qq_26803795/article/details/105994960" target="_blank">
                                        <img th:src="@{https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1592222008556&di=e96cc6abb6f6c1b9bbc4582bbbe856a3&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F56%2F12%2F01300000164151121576126282411.jpg}" class=" d-block w-100"
                                        alt="图片丢失">
                                    </a>
                                    <div class="carousel-caption">干货|大白话彻底搞懂HVase RowKey详细涉及</div>
                                </div>
                                <div class="carousel-item">
                                    <a href="https://blog.csdn.net/qq_26803795/article/details/105994960" target="_blank">
                                        <img th:src="@{https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3252521864,872614242&fm=26&gp=0.jpg}" class=" d-block w-100"
                                        alt="图片丢失">
                                    </a>
                                    <div class="carousel-caption">干货|大白话彻底搞懂HVase RowKey详细涉及</div>
                                </div>
                                <div class="carousel-item">
                                    <a href="https://blog.csdn.net/qq_26803795/article/details/105994960" target="_blank">
                                        <img th:src="@{https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3984473917,238095211&fm=26&gp=0.jpg}" class=" d-block w-100"
                                        alt="图片丢失">
                                    </a>
                                    <div class="carousel-caption">干货|大白话彻底搞懂HVase RowKey详细涉及</div>
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                    <!-- 右侧小图轮播图 -->
                    <div class="carousel-right   col-md-3">
                        <div row>
                            <div  class="carousel slide" data-ride="carousel">
                                <div class="carousel-inner">
                                    <div class="carousel-item item-right active">
                                        <a href="https://blog.csdn.net/qq_26803795/article/details/105994960" target="_blank">
                                            <img th:src="@{https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3984473917,238095211&fm=26&gp=0.jpg}" class=" d-block w-100"
                                            alt="图片丢失">
                                        </a>
                                        <div class="carousel-caption">干货|大白话彻底搞懂HVase RowKey详细涉及</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div row>
                            <div  class="carousel slide slide-right2" data-ride="carousel">
                                <div class="carousel-inner">
                                    <div class="carousel-item item-right active">
                                        <a href="https://blog.csdn.net/qq_26803795/article/details/105994960" target="_blank">
                                            <img th:src="@{https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1592222008556&di=e96cc6abb6f6c1b9bbc4582bbbe856a3&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F56%2F12%2F01300000164151121576126282411.jpg}" class=" d-block w-100"
                                            alt="图片丢失">
                                        </a>
                                        <div class="carousel-caption">干货|大白话彻底搞懂HVase RowKey详细涉及</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 公告 -->
                    <div class="col-md-4 notice">
                        <i class="fa-bell fas notice-title mt-1 mb-1"><span class="notictitle"></span></i>
                        <span
                                class="notice-content"></span>
                        <div class="notice-postil">
                            <span >发布人：<span class="notice-name"></span></span>
                            <span >发布时间：<span class="notice-time"></span></span>
                        </div>

                    </div>
                </div>

<!--                文章页面-->
                <div class="card row mt-3 ml-1 mr-1 ">
                    <div class="cardcontent">
                        <div class="card-content-left col-md-8 col-sm-12 ml-3 mr-1 mt-2">
                            <ul class="listui">

                            </ul>
<!--                            分页-->
                            <div id="pagination"></div>
                        </div>
<!--                        top10-->
                        <div class="card-content-right col-md-4  mt-2">
                            <div class="card-content-right-contain mt-2 mr-3">
                                <div class="card-content-right-title">
                                    <div class="col-md-4 title">
                                        <span>TOP 10</span>
                                    </div>
                                </div>
                                <div class="topli">

                                </div>

                            </div>

                        </div>
                    </div>



                </div>
                <!-- /.register-box -->
                <!-- 右侧栏 -->
                <div th:include="~{common/header::rightaside}"></div>
                <!-- /右侧栏 -->
                <!-- 底部栏 -->
                <div class="foot" th:include="~{common/footer::footer}"></div>
                <!-- /底部栏 -->
                <!--    公有的js-->
                <div th:replace="common/header::commonjs(~{::script})">
                    <!--        私有的js-->
<!--                    <script th:src="@{/plugins/pagination/jquery.pagination.js}"></script>-->
<!--                    <script th:src="@{/unauthorize/index.js}"></script>-->
                    <script type="text/javascript">
                        /* 请不要删除这段代码，因为这段代码起到了加速JS加载作用 */
                        document.write("<scr"+"ipt src=\"/plugins/pagination/jquery.pagination.js\"></sc"+"ript>");
                        document.write("<scr"+"ipt src=\"/unauthorize/index.js\"></sc"+"ript>");
                    </script>

                </div>
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

</div>
<!-- ./wrapper -->

</body>
</html>